#content #replication {
	background-image: url( ../../img/div.gif );
	background-position: 21% 0;
	background-repeat: repeat-y;
}

#content #replication #frame {
	float: right;
	width: 78%;
}

#content #replication #navigation {
	border-right: 0;
	float: left;
	width: 20%;
}

#content #replication #error {
	background-color: #f00;
	background-image: url( ../../img/ico/construction.png );
	background-position: 10px 50%;
	color: #fff;
	display: none;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 10px;
	padding-left: 35px;
}

#content #replication .block {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#content #replication .block.last {
	border-bottom: 0;
}

#content #replication .masterOnly,#content #replication .slaveOnly {
	display: none;
}

#content #replication.master .masterOnly {
	display: block;
}

#content #replication.slave .slaveOnly {
	display: block;
}

#content #replication .replicating {
	display: none;
}

#content #replication.replicating .replicating {
	display: block;
}

#content #replication #progress {
	padding-bottom: 80px;
	position: relative;
}

#content #replication #progress .info {
	padding: 5px;
}

#content #replication #progress #start {
	margin-left: 100px;
	border-left: 1px solid #c0c0c0;
}

#content #replication #progress #bar {
	background-color: #f0f0f0;
	margin-left: 100px;
	margin-right: 100px;
	position: relative;
}

#content #replication #progress #bar #bar-info,#content #replication #progress #bar #eta
	{
	position: absolute;
	right: -100px;
	width: 100px;
}

#content #replication #progress #bar #bar-info {
	border-left: 1px solid #f0f0f0;
	margin-top: 30px;
}

#content #replication #progress #eta .info {
	color: #c0c0c0;
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}

#content #replication #progress #speed {
	color: #c0c0c0;
	position: absolute;
	right: 100px;
	top: 0;
}

#content #replication #progress #bar #done {
	background-color: #c0c0c0;
	box-shadow: 5px 5px 10px #c0c0c0;
	-moz-box-shadow: 5px 5px 10px #c0c0c0;
	-webkit-box-shadow: 5px 5px 10px #c0c0c0;
	height: 30px;
	position: relative;
}

#content #replication #progress #bar #done .percent {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	right: 0;
	text-align: right;
}

#content #replication #progress #bar #done #done-info {
	border-right: 1px solid #c0c0c0;
	position: absolute;
	right: 0;
	margin-top: 30px;
	text-align: right;
	width: 100px;
}

#content #replication #progress #bar #done #done-info .percent {
	font-weight: bold;
}

#content #replication .block .label,#content #replication #current-file .file,#content #replication #current-file .progress,#content #replication #iterations .iterations
	{
	float: left;
}

#content #replication .block .label {
	width: 100px;
}

#content #replication .block .label span {
	display: block;
	padding-left: 21px;
}

#content #replication #current-file {
	border-top: 1px solid #f0f0f0;
	margin-top: 10px;
	padding-top: 10px;
}

#content #replication #current-file .progress {
	color: #c0c0c0;
	margin-left: 20px;
}

#content #replication #iterations .label span {
	background-image: url( ../../img/ico/node-design.png );
}

#content #replication #iterations .iterations li {
	background-position: 100% 50%;
	display: none;
	padding-right: 21px;
}

#content #replication #iterations .iterations.expanded li {
	display: block;
}

#content #replication #iterations .iterations .latest {
	display: block;
}

#content #replication #iterations .iterations .replicated {
	color: #80c480;
}

#content #replication #iterations .iterations ul:hover .replicated,#content #replication #iterations .iterations .replicated.latest
	{
	color: #080;
}

#content #replication #iterations .iterations .replicated.latest {
	background-image: url( ../../img/ico/tick.png );
}

#content #replication #iterations .iterations .failed {
	color: #c48080;
}

#content #replication #iterations .iterations ul:hover .failed,#content #replication #iterations .iterations .failed.latest
	{
	color: #800;
}

#content #replication #iterations .iterations .failed.latest {
	background-image: url( ../../img/ico/cross.png );
}

#content #replication #iterations .iterations a {
	border-top: 1px solid #f0f0f0;
	display: none;
	margin-top: 2px;
	padding-top: 2px;
}

#content #replication #iterations .iterations a span {
	background-position: 0 50%;
	color: #c0c0c0;
	display: none;
	padding-left: 21px;
}

#content #replication #iterations .iterations a span.expand {
	background-image: url( ../../img/ico/chevron-small-expand.png );
	display: block;
}

#content #replication #iterations .iterations.expanded a span.expand {
	display: none;
}

#content #replication #iterations .iterations.expanded a span.collapse {
	background-image: url( ../../img/ico/chevron-small.png );
	display: block;
}

#content #replication #details table {
	margin-left: 20px;
	border-collapse: collapse;
}

#content #replication #details table th {
	text-align: left;
}

#content #replication.slave #details table .slaveOnly {
	display: table-row;
}

#content #replication #details table thead th {
	color: #c0c0c0;
}

#content #replication #details table thead th,#content #replication #details table tbody td
	{
	padding-right: 20px;
}

#content #replication #details table thead td,#content #replication #details table thead th,#content #replication #details table tbody th,#content #replication #details table tbody td div
	{
	padding-top: 3px;
	padding-bottom: 3px;
}

#content #replication #details table tbody td,#content #replication #details table tbody th
	{
	border-top: 1px solid #f0f0f0;
}

#content #replication #details table thead td {
	width: 100px;
}

#content #replication #details table thead td span {
	background-image: url( ../../img/ico/clipboard-list.png );
	background-position: 0 50%;
	display: block;
	padding-left: 21px;
}

#content #replication #details table tbody th {
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}

#content #replication #details table tbody .size {
	text-align: right;
	white-space: nowrap;
}

#content #replication #details table tbody .generation div {
	text-align: center;
}

#content #replication #details table tbody .diff div {
	background-color: #fcfcc9;
	padding-left: 1px;
	padding-right: 1px;
}

#content #replication .settings .label span {
	background-image: url( ../../img/ico/hammer-screwdriver.png );
}

#content #replication .settings ul,#content #replication .settings dl dt,#content #replication .settings dl dd
	{
	float: left;
}

#content #replication .settings ul li {
	border-top: 1px solid #f0f0f0;
	display: none;
	padding-top: 3px;
	padding-top: 3px;
}

#content #replication .settings ul li:first-child {
	border-top: 0;
	padding-top: 0;
}

#content #replication .settings dl dt {
	clear: left;
	margin-right: 5px;
	width: 120px;
}

#content #replication .settings dl .ico {
	background-position: 0 50%;
	padding-left: 21px;
}

#content #replication .settings dl .ico.ico-0 {
	background-image: url( ../../img/ico/slash.png );
}

#content #replication .settings dl .ico.ico-1 {
	background-image: url( ../../img/ico/tick.png );
}

#content #replication .timer {
	box-shadow: 5px 5px 10px #c0c0c0;
	-moz-box-shadow: 5px 5px 10px #c0c0c0;
	-webkit-box-shadow: 5px 5px 10px #c0c0c0;
	display: none;
	margin-bottom: 20px;
	padding: 10px;
}

#content #replication .timer p,#content #replication .timer small {
	padding-left: 21px;
}

#content #replication .timer p {
	background-image: url( ../../img/ico/clock-select-remain.png );
	background-position: 0 50%;
}

#content #replication .timer p .approx {
	color: #c0c0c0;
	margin-right: 1px;
}

#content #replication .timer p .tick {
	font-weight: bold;
}

#content #replication .timer small {
	color: #c0c0c0;
	display: none;
}

#content #replication #navigation button {
	display: block;
	margin-bottom: 10px;
}

#content #replication #navigation button.optional {
	display: none;
}

#content #replication #navigation .replicate-now span {
	background-image: url( ../../img/ico/document-convert.png );
}

#content #replication #navigation .abort-replication span {
	background-image: url( ../../img/ico/hand.png );
}

#content #replication #navigation .disable-polling span {
	background-image: url( ../../img/ico/cross.png );
}

#content #replication #navigation .enable-polling span {
	background-image: url( ../../img/ico/tick.png );
}

#content #replication #navigation .disable-replication span {
	background-image: url( ../../img/ico/cross.png );
}

#content #replication #navigation .enable-replication span {
	background-image: url( ../../img/ico/tick.png );
}

#content #replication #navigation .refresh-status span {
	background-image: url( ../../img/ico/arrow-circle.png );
}